/*html {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
}*/
body { word-wrap:break-word; word-break:break-all;background: #fff;margin: 0 auto;width: 100%;font-family: arial;}
* {box-sizing: border-box;margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {font-size: 14px;font-weight: normal;}
*:focus {outline: none;}
button, input, select, textarea, label { vertical-align:middle; border: 0; outline: none;background: none;}
img { vertical-align:middle; border:none; display:inline-block; max-width: 100%;}
ul, ol {list-style:none; }
a {text-decoration:none !important; vertical-align:baseline; cursor:pointer;-o-transition: .2s ease;-moz-transition: .2s ease;-webkit-transition: .2s ease;transition: .2s ease;}
table { border-collapse:collapse; border-spacing:0; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height: 0;font-size: 0;}
.clearfix{*zoom:1;}
.fl { float:left; _display:inline; }
.fr { float:right; _display:inline; }
input, textarea {outline: none;-webkit-appearance: none;}
input[type='checkbox']:focus{outline: none;}
::-webkit-input-placeholder { /* WebKit browsers */
color: #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #999;
}
.container {
width: 1440px;
margin: 0 auto;
}
/* head */
.header {
position: absolute;
width: 100%;
left: 0;
top: 0;
z-index: 100;
-webkit-transition: .8s cubic-bezier(.19,1,.22,1);
-moz-transition: .8s cubic-bezier(.19,1,.22,1);
-o-transition: .8s cubic-bezier(.19,1,.22,1);
transition: .8s cubic-bezier(.19,1,.22,1);
background: rgba(255,255,255,.6);
}
.hd_con {
width: 1580px;
margin: 0 auto;
position: relative;
}
a.logo {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: inline-block;
font-size: 0;
}
.h_search {
position: absolute;
width: 20%;
right: 8%;
top: 130px;
background: #fff;
z-index: 5;
display: none;
box-shadow: 0 2px 6px rgba(34,34,34,.2);
}
.h_search input {
width: 80%;
height: 50px;
font-size: 16px;
color: #333;
padding: 0 15px;
float: left;
}
.h_search button {
width: 20%;
float: right;
height: 50px;
background: #0083fd;
color: #fff;
cursor: pointer;
line-height: 50px;
font-size: 16px;
}
.naver {
text-align: right;
padding-right: 80px;
}
.naver ul li {
display: inline-block;
padding: 0 1.5%;
}
.naver ul li:last-child {
padding-right: 0;
}
.naver ul li a {
display: inline-block;
color: #000;
font-size: 18px;
line-height: 126px;
position: relative;
transition: all .36s;
}
.naver ul li a::before {
position: absolute;
content: "";
width: 0;
height: 3px;
background: #0083fd;
border-radius: 2px;
left: 50%;
transform: translateX(-50%);
bottom: 46px;
transition: all .36s;
}
.naver ul li a:hover,
.naver ul li.active a{
color: #0083fd;
}
.naver ul li a:hover::before ,
.naver ul li.active a::before{
width: 100%;
}
a.search_icon {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: inline-block;
font-size: 0;
}
.header._hidden {
background-color: #fff;
-webkit-transform: translateY(-100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(-100px);
}
.header._hidden._show {
position: fixed;
transform: translateY(0);
background: #fff;
box-shadow: 0 0 5px rgba(57, 57, 57, .15);
}
.header._hidden._show a.h_logo img ,
.header._hidden._show .h_search img {
display: none;
}
.header._hidden._show a.h_logo img + img ,
.header._hidden._show .h_search img + img {
display: inline-block;
}
.header._hidden._show .naver ul li a ,
.header._hidden._show .hd_p a{
color: #333;
}
.header._hidden._show .naver ul li.active a,
.header._hidden._show .naver ul li:hover a{
color: #0169ca;
}
.header._hidden._show .naver ul li a:before {
background: #0169ca;
}
/* banner */
.pc_banner .swiper-slide {
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
position: relative;
}
.pc_banner .swiper-button-prev,
.pc_banner .swiper-button-next {
width: auto;
height: auto;
background: none;
margin: 0;
transform: translateY(-50%);
opacity: 0;
transition: all .36s;
}
.pc_banner .swiper-button-prev {
left: 40px;
}
.pc_banner .swiper-button-next {
right: 40px;
}
.pc_banner .swiper-button-prev:hover,
.pc_banner .swiper-button-next:hover {
opacity: 1;
}
.pc_banner .swiper-pagination {
display: block;
bottom: 16px;
}
.pc_banner .swiper-pagination-bullet,
.m_banner .swiper-pagination-bullet {
width: 18px;
height: 18px;
border: 1px solid rgba(255,255,255,1);
opacity: .4;
position: relative;
background: none;
}
.pc_banner .swiper-pagination-bullet:before ,
.m_banner .swiper-pagination-bullet:before {
position: absolute;
content: "";
width: 10px;
height: 10px;
background: #fff;
border-radius: 50%;
left: 3px;
top: 3px;
}
.pc_banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 8px;
}
.pc_banner .swiper-pagination-bullet-active ,
.m_banner .swiper-pagination-bullet-active {
opacity: 1;
}
.m_banner .swiper-pagination {
display: block;
}
.m_banner .swiper-pagination-bullet {
width: 14px;
height: 14px;
}
.m_banner .swiper-pagination-bullet:before {
width: 6px;
height: 6px;
left: 3px;
top: 3px;
}
.index_title1 {
padding: 84px 0 50px 0;
}
.index_title1 h1 {
color: #ebecf0;
font-size: 44px;
letter-spacing: 5px;
line-height: 42px;
}
.index_title1 h2 {
color: #000;
font-size: 40px;
}
.index_w1 {
background: #0169ca;
padding-bottom: 52px;
}
.index_left1 {
width: 50%;
float: left;
background-position: bottom center;
background-repeat: no-repeat;
}
.news_type1 ul li {
width: 33.33%;
float: left;
}
.news_type1 ul li a {
display: block;
line-height: 60px;
text-align: center;
background: #0083fd;
color: rgba(255,255,255,.3);
transition: all .36s;
}
.news_type1 ul li.active a {
background: #0169ca;
color: rgba(255,255,255,1);
}
.tab_content .tab1 {
display: none;
}
.tab_content {
padding: 55px 9.7% 0 5.5%;
}
.news_list1 ul li {
margin-bottom: 30px;
padding: 3px 0;
}
.news_list1 ul li:last-child {
margin-bottom: 0;
}
.news_list1 ul li a {
display: block;
position: relative;
width: 100%;
padding-left: 100px;
}
.news_list1 ul li a .time {
position: absolute;
width: 80px;
height: 80px;
text-align: center;
line-height: 78px;
color: #fff;
font-size: 20px;
border: 1px solid #dbdbdb;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.news_info1 h2 {
color: #fff;
font-size: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.news_info1 p {
color: #FFFFFF;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 5px 0;
}
.news_info1 h3 {
color: #84a9de;
font-size: 14px;
}
.index_right1 {
width: 50%;
float: right;
}
.index_m1 {
position: relative;
}
.index_img1 {
overflow: hidden;
height: 525px;
}
.index_img1 img {
width: 100%;
height: 525px;
object-fit: cover;
transition: all .36s;
}
.index_info1 {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
background: rgba(0,0,0,.6);
padding: 0 30px 0 190px;
}
.index_info1 a {
display: block;
color: #fff;
font-size: 22px;
line-height: 80px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.index_swiper1 .swiper-button-prev,
.index_swiper1 .swiper-button-next {
width: auto;
height: auto;
top: auto;
margin: 0;
bottom: 0;
opacity: 1;
}
.index_swiper1 .swiper-button-prev {
left: 0;
}
.index_swiper1 .swiper-button-next {
right: auto;
left: 80px;
}
.index_img1 img {
width: 100%;
height: auto;
min-height: 100%;
transition: 1s linear 2s;
transform: scale(1.1,1.1);
}
.index_swiper1 .swiper-slide-active .index_img1 img,
.index_swiper1 .swiper-slide-duplicate-active .index_img1 img {
transition: 6s linear;
transform: scale(1,1);
}
.index_swiper1 .swiper-slide,
.news_swiper1 .swiper-slide{
opacity: 0 !important;
}
.index_swiper1 .swiper-slide-duplicate-active ,
.news_swiper1 .swiper-slide-duplicate-active {
opacity: 1 !important;
}
.index_con1 {
margin-bottom: 80px;
}
.adv_img1 {
margin-bottom: 80px;
}
.section2 {
background-size: 100% 570px;
background-position: top;
background-repeat: no-repeat;
}
.index_title2 {
text-align: center;
}
.index_title2 h1 {
color: #1985ff;
}
.index_title2 h2 {
color: #fff;
}
.index_info2 {
margin-top: 20px;
}
.index_info2 .txt {
text-align: center;
color: #fff;
font-size: 18px;
line-height: 30px;
}
.industrial_list1 ul li {
width: 32.36%;
float: left;
margin-right: 1.46%;
}
.industrial_list1 ul li:nth-child(3n) {
margin-right: 0;
}
.industrial_list1 ul li a {
display: block;
height: 600px;
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: 160px;
}
.industrial_list1 ul li a::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background-image: linear-gradient(0deg,
#00aaff 0%,
#00d4ff 100%),
linear-gradient(
#0a73ce,
#0a73ce);
opacity: .6;
}
.industrial_info1 {
text-align: center;
position: relative;
z-index: 1;
transition: all .36s;
}
.industrial_info1 h2 {
color: #fff;
font-size: 38px;
font-weight: bold;
position: relative;
padding-bottom: 26px;
margin-bottom: 26px;
}
.industrial_info1 h2::before {
position: absolute;
content: "";
width: 32px;
height: 4px;
background: #fff;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
.industrial_info1 p {
color: #fff;
/* font-size: 18px; */
font-size: 16px;
padding: 0 25px;
line-height: 30px;
display: -webkit-box;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.industrial_list1 ul li a:hover .industrial_info1 {
transform: translateY(-10%);
}
.industrial_list1 ul li:nth-child(2) a::before {
background-image: linear-gradient(0deg,
#003bff 0%,
#0077ff 100%),
linear-gradient(
#0a73ce,
#0a73ce);
}
.industrial_list1 ul li:nth-child(3) a::before {
background-image: linear-gradient(0deg,
#2637b6 0%,
#9a9aff 100%),
linear-gradient(
#0a73ce,
#0a73ce);
}
.index_con2 {
margin-bottom: 80px;
}
.section4 {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.index_con4 {
padding: 120px 0 100px 0;
}
.sec_w1 {
width: 33.33%;
float: left;
}
.sec_title {
/* margin-bottom: 54px; */
margin-bottom: 24px;
}
.sec_title h1 {
color: #000;
font-size: 40px;
}
.sec_title p {
color: #ccc;
font-size: 22px;
margin-top: 8px;
}
.index_video1 {
height: 275px;
position: relative;
overflow: hidden;
border-radius: 10px;
}
.index_video1 video {
width: 100%;
height: 100%;
}
.index_video1 .play_bg1 {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
object-fit: cover;
cursor: pointer;
}
.sec_m1 {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 23px;
}
.sec_m1 h2 {
color: #000;
font-size: 24px;
}
.sec_link {
width: 71.66%;
}
.sec_m1 select {
width: 100%;
height: 36px;
border: 1px solid #d4d5d6;
padding: 0 20px;
font-size: 14px;
color: #777;
}
.sec_w2 {
width: 22.77%;
float: left;
margin-left: 2.77%;
}
.sec_m2 a {
display: block;
position: relative;
width: 100%;
height: 176px;
overflow: hidden;
}
.sec_m2 a img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all .36s;
}
.sec_m2 a::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(1,105,202,.4);
left: 0;
top: 0;
z-index: 1;
}
.sec_m2 a p {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 100%;
text-align: center;
color: #fff;
font-size: 30px;
z-index: 2;
}
.sec_m2 a:hover img {
transform: scale(1.16);
}
.sec_m3 {
position: relative;
height: 148px;
background: #0169ca;
margin-top: 10px;
padding: 26px 0 0 12%;
}
.index_swiper2 .s_ewm {
width: 114px;
height: 114px;
}
.index_swiper2 .s_ewm img {
width: 100%;
height: 100%;
}
.sec_m3 .swiper-button-next ,
.sec_m3 .swiper-button-prev {
width: auto;
height: auto;
background: none;
margin: 0;
top: auto;
bottom: 18px;
}
.sec_m3 .swiper-button-next {
right: 20px;
}
.sec_m3 .swiper-button-prev {
left: auto;
right: 44px;
}
.sec_h1 {
position: absolute;
right: 60px;
top: 50%;
transform: translateY(-50%);
color: #fff;
font-size: 30px;
}
.sec_w3 {
width: 38.19%;
float: right;
}
.sec_m4 a {
display: block;
position: relative;
width: 100%;
height: 334px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.sec_m4 a::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(0,0,0,.46);
left: 0;
top: 0;
display: none;
}
.cur_icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
display: none;
}
.cur_icon::before {
position: absolute;
content: "";
width: 60px;
height: 60px;
border-radius: 50%;
left: -16px;
top: -16px;
border: 5px solid rgba(255,255,255,.6);
box-sizing: border-box;
animation: circle-opacity 2.5s infinite;
}
.cur_icon::after {
position: absolute;
content: "";
width: 100px;
height: 100px;
border-radius: 50%;
left: -35px;
top: -34px;
border: 8px solid rgba(255,255,255,.3);
box-sizing: border-box;
animation-delay: .2s;
animation: circle-opacity 2.5s infinite;
}
@keyframes circle-opacity{
from {
opacity: 1;
transform: scale(.2);
}
to {
opacity: 0;
transform: scale(1.1);
}
}
.section3 {
background-image: linear-gradient(-30deg,
#1f2a3d 20%,
#2c3b56 100%),
linear-gradient(
#212c40,
#212c40);
}
.index_title3 {
text-align: center;
}
.index_title3 h1 {
color: #3f557c;
}
.index_title3 h2 {
color: #fff;
}
.index_con3 {
position: relative;
height: 924px;
}
.index_m2 {
position: relative;
}
.index_map1 {
position: relative;
}
.layout_1 {
position: absolute;
left: 6.25%;
bottom: 120px;
}
.layout_1 p {
display: flex;
align-items: center;
}
.layout_1 p span {
color: #fff;
font-size: 14px;
margin-left: 15px;
}
.layout_type {
padding-left: 34px;
display: flex;
flex-direction: column;
}
.layout_type a {
width: 118px;
line-height: 30px;
border: 1px solid #0083fd;
border-radius: 16px;
text-align: center;
color: #0083fd;
font-size: 14px;
margin-top: 30px;
transition: all .36s;
}
.layout_type a:first-child {
margin-top: 26px;
}
.layout_type a.active,
.layout_type a:hover {
background-color: #0083fd;
color: #fff;
}
.index_map1 {
width: 829px;
margin: -74px auto 0;
}
.nanhai {
position: absolute;
right: 0;
bottom: 0;
}
.absolute {
position: absolute;
}
.w_point {
display: flex;
align-items: center;
}
.absolute .name {
padding: 0 6px;
color: #fff;
font-size: 12px;
line-height: 24px;
background: rgba(0,102,255,.8);
border-radius: 2px;
min-width: 230px;
position: relative;
z-index: 2;
}
.absolute .name a {
color: #fff;
}
.icon01 {
position: relative;
width: 42px;
height: 42px;
display: flex;
justify-content: center;
align-items: center;
}
.icon01 img {
height: 12px;
}
.icon01 .circle {
position: absolute;
border-radius: 50%;
opacity: 0;
width: calc(100% - 6px);
height: calc(100% - 6px);
border: 3px solid rgba(25,140,255,1);
}
.icon01 .circle:nth-child(1) {
animation: circle 2s infinite;
}
.icon01 .circle:nth-child(2) {
animation: circle 2s infinite;
animation-delay: .3s;
}
.icon01 .circle:nth-child(3) {
animation: circle 2s infinite;
animation-delay: .6s;
}
@keyframes circle{
from {
opacity: 1;
transform: scale(0);
}
to {
opacity: 0;
transform: scale(1);
}
}
.point01 {
right: 176px;
top: 290px;
}
.point02 {
right: 177px;
top: 316px;
}
.point03 {
left: 625px;
top: 280px;
}
.point04 {
/* left: 635px;
top: 307px; */
left: 680px;
top: 356px;
}
.point05 {
right: 175px;
top: 332px;
}
.point06 {
left: 370px;
top: 225px;
}
.point07 {
right: -78px;
top: 334px;
}
.point08 {
left: 412px;
top: 400px;
}
.point09 {
right: -52px;
top: 255px;
}
.z_point1 {
right: -41px;
top: 350px;
}
.z_point2 {
left: auto;
right: -41px;
top: 314px;
}
.z_point3 {
right: -41px;
top: 294px;
}
.z_point4 {
right: -41px;
top: 378px;
}
.z_point5 {
right: 184px;
top: 340px;
}
.z_point6 {
left: 368px;
top: 284px;
}
.z_point7 {
right: auto;
left: 650px;
top: 236px;
}
.z_point8 {
left: 610px;
top: 282px;
}
.z_point9 {
left: 652px;
top: 317px;
}
.z_point10 {
left: 652px;
top: 263px;
}
.z_point11 {
right: -52px;
top: 210px;
}
.z_point12 {
right: -84px;
top: 333px;
}
.z_point13 {
right: 188px;
top: 315px;
}
.z_point14 {
right: -28px;
top: 456px;
}
.z_point15 {
right: -28px;
/* top: 492px; */
top: 575px;
}
.z_point16 {
left: 560px;
top: 255px;
}
.z_point17 {
left: auto;
right: -65px;
top: 374px;
}
.z_point18 {
right: 242px;
top: 375px;
left: auto;
}
.z_point20 {
right: -68px;
top: 316px;
left: auto;
}
.z_point21 {
right: -76px;
top: 505px;
left: auto;
}
.z_point22 {
right: 290px;
top: 266px;
left: auto;
}
.layout_content {
display: none;
margin-top: 15px;
}
.layout_content .tab {
display: none;
}
.company_list1 ul {
display: flex;
flex-wrap: wrap;
}
.company_list1 ul li {
margin-right: 15px;
padding: 0 12px;
color: #fff;
font-size: 12px;
line-height: 24px;
background: rgba(0,102,255,.8);
margin-bottom: 12px;
border-radius: 4px;
}
.company_list1 ul li a {
color: #fff;
}
/* footer */
.container1 {
width: 1290px;
margin: 0 auto;
}
.footer {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.foot1 {
border-bottom: 1px solid #464850;
}
.f_con {
padding: 60px 0;
}
.f_hd {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 50px;
}
.f_hd .f_item {
width: 86px;
}
.f_hd .f_item:nth-last-child(2) {
width: 236px;
}
.f_hd .f_item:nth-last-child(1) {
width: 122px;
}
.f_hd .f_item .btitle {
color: #fff;
font-size: 14px;
border-bottom: 1px solid #464850;
line-height: 36px;
margin-bottom: 3px;
}
.f_hd .f_item ul li ,
.f_contact p{
line-height: 28px;
}
.f_hd .f_item ul li a ,
.f_contact p {
color: #7d818a;
font-size: 12px;
transition: all .36s;
}
.f_hd .f_item ul li a:hover {
color: #fff;
}
.f_ewm {
margin-top: 10px;
text-align: center;
}
.f_ewm img {
width: 122px;
height: 122px;
}
.f_ewm p {
color: #fff;
font-size: 14px;
margin-top: 8px;
}
.f_link {
display: flex;
align-items: center;
}
.f_link span {
font-size: 14px;
color: #fff;
margin-right: 30px;
}
.links {
color: #7d818a;
font-size: 12px;
}
.links a {
color: #7d818a;
font-size: 12px;
transition: all .36s;
margin: 0 12px;
}
.links a:hover {
color: #fff;
}
.copyright {
text-align: center;
color: #999999;
font-size: 12px;
padding: 20px 0;
line-height: 24px;
}
/* 二级导航 */
.second_main {
display: none;
}
.second_level {
position: fixed;
width: 100%;
left: 0;
top: 126px;
background: rgba(0,101,179,.9);
z-index: 99;
padding-right: 12.5%;
}
.second_wrap {
padding: 45px 0;
}
.second_con {
float: right;
width: 1140px;
display: flex;
justify-content: space-between;
}
.second_info1 {
width: 35.43%;
}
.second_info1 .title {
color: #fff;
font-size: 32px;
margin-bottom: 18px;
}
.second_info1 .txt {
color: #cce9ff;
font-size: 14px;
line-height: 24px;
display: -webkit-box;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.second_ul ul li a {
color: #fff;
font-size: 16px;
line-height: 40px;
transition: all .36s;
}
.second_ul ul li a:hover {
opacity: .6;
}
.second_img1 {
width: 31.57%;
}
/* moblie head */
.m_header {
position: fixed;
width: 100%;
left: 0;
top: 0;
background: #fff;
z-index: 99;
}
.m_hd_con {
width: 94%;
margin: 0 auto;
position: relative;
}
.m_logo {
float: left;
padding: 8px 0;
}
.m_logo img {
height: 38px;
}
#openBtn {
display: block;
position: fixed;
top: 20px;
right: 4%;
z-index: 100;
cursor: pointer;
}
#openBtn .lcbody {
width: 26px;
height: 15px;
position: relative;
}
#openBtn .lcbody .lcitem {
width: 100%;
height: 1px;
position: absolute;
transition: transform 0.36s ease;
}
#openBtn .lcbody .lcitem div {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: auto;
right: 0;
background: #999;
}
#openBtn .lcbody .top {
top: 0;
}
#openBtn .lcbody .center {
display: block;
top: 49%;
}
#openBtn .lcbody .bottom {
top: 100%;
}
#openBtn .lcbody:hover .lcitem.top .rect {
animation: move 0.4s ease-in-out 1;
}
#openBtn .lcbody:hover .lcitem.center .rect {
animation: move 0.4s ease-in-out 0.1s 1;
}
#openBtn .lcbody:hover .lcitem.bottom .rect {
animation: move 0.4s ease-in-out 0.2s 1;
}
#openBtn.on .lcitem.top {
transform: rotateZ(45deg);
top: 49%;
}
#openBtn.on .lcitem.center {
opacity: 0;
}
#openBtn.on .lcitem.bottom {
transform: rotateZ(-45deg);
top: 49%;
}
@keyframes move {
0% {
right: 0;
}
40% {
right: 0;
width: 0;
}
60% {
right: auto;
width: 0%;
}
100% {
right: auto;
width: 100%;
}
}
@-webkit-keyframes move {
0% {
right: 0;
}
40% {
right: 0;
width: 0;
}
60% {
right: auto;
width: 0%;
}
100% {
right: auto;
width: 100%;
}
}
.navMini {
position: fixed;
width: 26%;
height: 100%;
right: 0;
top: 0;
z-index: 99;
background: #fff;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
transform: translateX(120%);
transition: all 0.6s cubic-bezier(.075, .82, .165, 1);
}
.navMini.unfold {
transform: translateX(0);
}
.nav_wrap {
padding-top: 54px;
}
.m_nav ul li {
line-height: 50px;
border-bottom: 1px solid #f0f0f0;
}
.m_nav ul li > a {
display: block;
width: 100%;
color: #666;
padding-left: 15%;
position: relative;
}
.m_nav ul li > a.icon::before {
position: absolute;
content: "";
width: 8px;
height: 15px;
transition: all ease-in-out .36s;
right: 8%;
top: 50%;
margin-top: -7px;
background: url(../images/icon4.png) no-repeat center;
background-size: cover;
}
.m_nav ul li dl {
padding: 0 0 10px 0;
display: none;
}
.m_nav ul li dl dd a {
display: block;
color: #666;
line-height: 35px;
font-size: 14px;
padding-left: 15%;
}
.m_nav ul li > a.active::before {
transform: rotateZ(90deg);
}
.m_search_icon {
position: absolute;
right: 10%;
top: 50%;
transform: translateY(-50%);
font-size: 0;
cursor: pointer;
}
.m_search_icon img {
height: 20px;
}
.m_search {
position: absolute;
right: 10%;
top: 58px;
width: 40%;
display: none;
}
.m_search .form_group {
border-radius: 16px;
background: #fff;
}
.m_search .form_group input {
width: 80%;
float: left;
height: 36px;
padding: 0 15px;
}
.m_search .form_group button {
width: 20%;
float: right;
height: 36px;
background: #007AFF;
border-radius: 0 16px 16px 0;
color: #fff;
line-height: 36px;
}
/* 关于我们 */
.insider_wrap {
padding-top: 128px;
}
.s_banner1 {
position: relative;
}
.banner_info1 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-70%);
text-align: center;
width: 100%;
}
.banner_info1 h1 {
color: #fff;
font-size: 64px;
margin-bottom: 12px;
font-weight: bold;
}
.banner_info1 h2 {
color: #fff;
font-size: 40px;
font-weight: bold;
}
.label1 {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 80px;
}
.label1 img {
animation: upDown 1.3s ease-in-out 2.7s infinite alternate;
}
@keyframes upDown{
from{
transform: translateY(6px);
}
to{
transform: translateY(-6px);
}
}
.container2 {
width: 1200px;
margin: 0 auto;
}
.crumbs {
background-color: #fff;
}
.crumbs_w1 {
position: relative;
}
.second_title1 {
position: absolute;
left: 0;
top: 0;
width: 230px;
height: 100%;
background: #005baa;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.second_title1::before ,
.second_title1::after {
position: absolute;
content: "";
width: 8px;
height: 100%;
background: #005baa;
opacity: .2;
right: -12px;
top: 0;
}
.second_title1::before {
right: -24px;
opacity: .1;
}
.second_title1 h1 {
color: #fff;
font-size: 23px;
margin-bottom: 6px;
font-weight: bold;
}
.second_title1 h2 {
color: #589edb;
font-size: 13px;
letter-spacing: 3px;
}
.second_list1 {
text-align: right;
}
.second_list1 ul li {
display: inline-block;
margin-left: 36px;
}
.second_list1 ul li a {
display: inline-block;
}
.second_list1 ul li a > * {
display: inline-block;
vertical-align: middle;
}
.second_list1 ul li a span {
color: #333;
font-size: 16px;
line-height: 80px;
margin-right: 6px;
transition: all .36s;
}
.second_list1 ul li a img + img {
display: none;
}
.second_list1 ul li.active a span,
.second_list1 ul li:hover a span{
color: #005baa;
}
.second_list1 ul li.active a img ,
.second_list1 ul li:hover a img {
display: none;
}
.second_list1 ul li.active a img + img ,
.second_list1 ul li:hover a img + img {
display: inline-block;
}
.about_title1 {
text-align: center;
padding: 92px 0 50px 0;
}
.about_title1 h1 {
color: #333;
font-size: 36px;
font-weight: bold;
}
.about_title1 h1 span {
color: #005baa;
}
.about_title1 h2 {
font-size: 20px;
color: #d7d5d5;
font-weight: bold;
margin-top: 6px;
}
.about_info1 {
width: 970px;
margin: 0 auto;
}
.about_info1 .txt {
color: #333;
font-size: 16px;
line-height: 24px;
text-align: center;
}
.about_list1 {
margin: 52px 0;
}
.about_list1 ul {
display: flex;
justify-content: center;
}
.about_list1 ul li {
text-align: center;
width: 22%;
}
.about_list1 ul li h3 {
color: #333;
font-size: 38px;
font-weight: bold;
}
.about_list1 ul li h3 big {
font-size: 58px;
}
.about_list1 ul li p {
color: #333;
font-size: 14px;
margin-top: 20px;
}
.about_list2 ul li {
width: 30%;
float: left;
margin-right: 5%;
}
.about_list2 ul li:nth-child(3n) {
margin-right: 0;
}
.about_list2 ul li a {
display: block;
position: relative;
overflow: hidden;
}
.about_list2 ul li a img {
transition: all .4s;
}
.about_list2 ul li a:hover img {
transform: scale(1.12);
}
.about_list2 ul li a::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(0,91,170,.7);
left: 0;
top: 0;
z-index: 1;
}
.about_info2 {
position: absolute;
width: 100%;
left: 0;
top: 0;
text-align: center;
padding: 31% 30px 0 30px;
z-index: 2;
}
.about_info2 h3 {
color: #fff;
font-size: 32px;
margin-bottom: 13%;
}
.about_info2 p {
color: #fff;
font-size: 14px;
line-height: 24px;
display: -webkit-box;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.about_con1 {
padding-bottom: 80px;
}
.insider_con01 {
background: #f8f8f8;
}
.history_con {
padding: 100px 0 120px 0;
}
.history_left {
width: 30%;
float: left;
}
.history_list1 {
background: #005baa;
}
.history_list1 ul li {
width: 50%;
float: left;
border-bottom: 1px solid #3b82c0;
border-right: 1px solid #3b82c0;
}
.history_list1 ul li:nth-child(2n) {
border-right: none;
}
.history_list1 ul li a {
display: block;
color: #fff;
font-size: 22px;
font-weight: bold;
text-align: center;
line-height: 48px;
}
.history_list1 ul li.active a {
background: #5faf2c;
}
.history_right {
width: 61.66%;
float: left;
margin-left: 4.16%;
}
.history_list2 {
position: relative;
}
.history_list2::before {
position: absolute;
content: "";
width: 1px;
height: 100%;
left: 9px;
background: #e6e6e6;
top: 0;
}
.history_list2 ul li {
margin-bottom: 60px;
position: relative;
padding-left: 76px;
}
.history_list2 ul li:last-child {
margin-bottom: 0;
}
.history_list2 ul li::before {
position: absolute;
content: "";
width: 19px;
height: 19px;
border-radius: 50%;
background: #fff;
box-sizing: border-box;
border: 5px solid #ccc;
left: 0;
top: 35px;
}
.history_list2 ul li > img {
position: absolute;
left: 46px;
top: 30px;
}
.history_info {
border: 6px solid #e6e6e6;
padding: 30px 40px;
background: #fff;
}
.history_info h2 {
font-size: 26px;
color: #333;
font-weight: bold;
margin-bottom: 16px;
}
.history_info p {
color: #333;
font-size: 14px;
line-height: 22px;
text-align: justify;
}
/* 联系我们 */
.contact_left {
width: 40.83%;
float: left;
height: 400px;
background: #005baa;
position: relative;
}
.contact_left .mac1 {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.contact_right {
width: 59.17%;
float: right;
height: 400px;
}
.contact_map {
height: 100%;
width: 100%;
}
.contact_info {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
flex-direction: column;
padding-left: 16%;
position: relative;
}
.contact_info h2 {
color: #fff;
font-size: 22px;
padding-bottom: 20px;
margin-bottom: 16px;
position: relative;
}
.contact_info h2::before {
position: absolute;
content: "";
width: 26px;
height: 2px;
background: #fff;
left: 0;
bottom: 0;
}
.contact_info .txt {
font-size: 16px;
color: #cce7ff;
line-height: 34px;
}
.contact_con {
padding-bottom: 146px;
}
/* 企业荣誉 */
.honor_list1 ul li {
width: 45.83%;
float: left;
margin-right: 8.34%;
margin-bottom: 70px;
text-align: center;
}
.honor_list1 ul li:nth-child(2n) {
margin-right: 0;
}
.honor_info1 {
margin-top: 15px;
}
.honor_info1 p {
color: #1a1a1a;
font-size: 24px;
}
.page ,.wejoy_page{
display: block !important;
text-align: center;
}
.page a ,
.wejoy_page a {
display: inline-block;
color: #999;
width: auto;
height: 32px;
border: 1px solid #ccc;
margin: 0 2px;
line-height: 30px;
padding: 0 10px !important;
}
.page a.active ,
.wejoy_page a.active {
border-color: #005baa !important;
background: #005baa;
color: #fff;
}
.honor_con {
padding-bottom: 120px;
}
/* 公司愿景 */
.vision_w {
position: relative;
}
.vision_right {
width: 55.83%;
position: absolute;
top: 0;
right: 0;
height: 100%;
display: flex;
align-items: center;
padding: 0 40px;
background: rgba(0,92,173,.6);
}
.vision_info1 .title {
color: #fff;
font-size: 38px;
}
.vision_info1 .stitle {
color: #fff;
font-size: 16px;
margin: 20px 0;
font-weight: bold;
}
.vision_info1 .txt {
color: #fff;
font-size: 14px;
text-align: justify;
line-height: 22px;
}
.vision_con {
padding-bottom: 100px;
}
/* 身边楷模 */
.models_type {
text-align: center;
margin-bottom: 10px;
}
.models_type ul li {
display: inline-block;
margin: 0 4px 10px 4px;
}
.models_type ul li a {
display: inline-block;
color: #005baa;
font-size: 18px;
padding: 0 28px;
border: 1px solid #005baa;
line-height: 42px;
transition: all .36s;
}
.models_type ul li.active a ,
.models_type ul li:hover a {
background: #005baa;
color: #fff;
}
.models_list1 ul li {
border-bottom: 1px dashed #ccc;
}
.models_list1 ul li a {
display: flex;
width: 100%;
padding: 30px 0;
align-items: center;
}
.model_img1 {
width: 174px;
height: 174px;
border-radius: 50%;
padding: 7px;
border: 1px solid #000;
margin-right: 32px;
}
.model_img1 img {
border-radius: 50%;
width: 100%;
height: 100%;
object-fit: cover;
}
.model_info1 {
flex: 1;
}
.model_info1 h2 {
color: #000;
font-size: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: bold;
transition: all .36s;
}
.model_info1 p {
color: #999;
font-size: 14px;
line-height: 20px;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
margin: 12px 0 20px 0;
}
.model_info1 h4 span {
display: inline-block;
color: #666;
font-size: 14px;
padding: 0 22px;
border: 1px solid #005baa;
border-radius: 15px;
line-height: 28px;
transition: all .36s;
}
.models_list1 ul li a:hover .model_info1 h2 {
color: #005baa;
}
.models_list1 ul li a:hover .model_info1 h4 span {
background-color: #005baa;
color: #fff;
}
.models_list1 {
margin-bottom: 80px;
}
/* 员工风采 */
.presence_list1 {
margin-bottom: 55px;
}
.presence_list1 ul li {
width: 32.08%;
float: left;
margin-bottom: 25px;
margin-right: 1.88%;
}
.presence_list1 ul li:nth-child(3n) {
margin-right: 0;
}
.presence_img1 {
overflow: hidden;
}
.presence_img1 img {
transition: all .36s;
}
.presence_info1 {
background: #005baa;
padding: 0 20px;
text-align: center;
}
.presence_info1 p {
color: #fff;
font-size: 18px;
line-height: 56px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.presence_list1 ul li:hover .presence_img1 img {
transform: scale(1.12);
}
/* 水务板块 */
.sector_list1 ul li {
width: 47.83%;
float: left;
margin-bottom: 50px;
margin-right: 4.34%;
}
.sector_list1 ul li:nth-child(2n) {
margin-right: 0;
}
.sector_list1 ul li a {
display: block;
}
.sector_info1 {
width: 91.28%;
float: right;
background: #fff;
transition: all .36s;
padding: 25px 30px 16px 30px;
}
.sector_h {
margin-top: -70px;
position: relative;
}
.sector_info1 h2 {
display: flex;
justify-content: space-between;
align-items: center;
}
.sector_info1 h2 img + img {
display: none;
}
.sector_info1 h2 span {
max-width: 80%;
color: #1a1a1a;
font-size: 18px;
}
.sector_info1 p {
color: #666;
font-size: 14px;
line-height: 24px;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
height: 48px;
margin: 16px 0 18px 0;
}
.sector_info1 h4 {
color: #999;
font-size: 14px;
}
.sector_list1 ul li a:hover .sector_info1 {
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.06);
}
.sector_list1 ul li a:hover .sector_info1 h2 span {
color: #005baa;
}
.sector_list1 ul li a:hover .sector_info1 h2 img {
display: none;
}
.sector_list1 ul li a:hover .sector_info1 h2 img + img {
display: inline-block;
}
.second_title2 h2 {
letter-spacing: 0;
}
/* 党建动态 */
.banner_info2 h1 ,
.banner_info2 h2 {
color: #b80000;
}
.building_list1 ul li {
width: 32.08%;
float: left;
margin-right: 1.88%;
margin-bottom: 30px;
}
.building_list1 ul li:nth-child(3n) {
margin-right: 0;
}
.building_list1 ul li a {
display: block;
width: 100%;
background: #fff;
box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.04);
transition: all .36s;
}
.building_info1 {
padding: 42px 20px 24px 20px;
}
.building_info1 h2 {
color: #333;
font-size: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.building_info1 p {
color: #666;
font-size: 14px;
line-height: 24px;
height: 48px;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
margin: 16px 0 52px 0;
}
.building_info1 h4 {
display: flex;
justify-content: space-between;
align-items: center;
}
.building_info1 h4 span {
display: flex;
align-items: center;
color: #666;
font-size: 14px;
}
.building_info1 h4 span img {
margin-left: 5px;
}
.building_info1 h4 em {
font-size: 14px;
color: #999;
font-weight: bold;
font-style: normal;
}
.building_list1 ul li a:hover {
transform: translateY(-4px);
}
.building_list1 ul li a:hover .building_info1 h2 {
color: #005baa;
}
.building_list1 {
margin-bottom: 50px;
}
/* 党建品牌 */
.brand_w1 {
display: flex;
margin-top: 80px;
}
.brand_left1 {
width: 250px;
margin-right: 40px;
}
.brand_right1 {
flex: 1;
}
.brand_g1 {
height: 350px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 42px 0;
text-align: center;
}
.brand_pic {
width: 168px;
height: 168px;
border-radius: 50%;
padding: 12px;
border: 2px solid #5096d5;
display: inline-block;
}
.brand_pic img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
}
.brand_info1 {
margin-top: 45px;
}
.brand_info1 h2 {
color: #fff;
font-weight: bold;
font-size: 24px;
}
.brand_info1 h3 {
color: #5096d5;
font-size: 14px;
margin-top: 8px;
}
.brand_info2 {
padding-bottom: 35px;
border-bottom: 1px dashed #ccc;
margin-bottom: 35px;
}
.brand_info2 .title {
color: #333;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.brand_info2 .txt {
color: #4d4d4d;
font-size: 16px;
line-height: 28px;
}
/* 招聘公告 */
.job_w1 {
background-size: cover;
}
.job_con2 {
padding: 60px 0 87px 0;
}
.job_list1 ul li {
border-bottom: 1px solid #ddd;
}
.job_list1 ul li a {
display: block;
padding-left: 60px;
position: relative;
}
.job_info1 {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 20px;
}
.job_info1 p {
color: #4d4d4d;
font-size: 16px;
line-height: 58px;
}
.job_info1 span {
color: #4d4d4d;
font-size: 16px;
}
.job_icon1 {
position: absolute;
width: 58px;
height: 58px;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
border-right: 1px solid #ddd;
}
.job_icon1 img + img {
display: none;
}
.job_list1 {
background-color: #fff;
border: 1px solid #fff;
}
.job_list1 ul li a:hover {
background: #005baa;
}
.job_list1 ul li a:hover .job_icon1 {
background: #004e91;
}
.job_list1 ul li a:hover .job_icon1 img {
display: none;
}
.job_list1 ul li a:hover .job_icon1 img + img {
display: inline-block;
}
.job_list1 ul li a:hover .job_info1 * {
color: #fff;
}
.more1 {
text-align: center;
margin-top: 60px;
}
.more1 a {
display: inline-block;
width: 342px;
line-height: 48px;
background: #fff;
color: #000;
font-size: 20px;
}
.job_con1 {
padding-bottom: 0;
}
/* 招聘流程 */
.process_info1 {
width: 832px;
margin: 0 auto;
}
.process_info1 .txt {
font-size: 16px;
line-height: 24px;
color: #333;
}
/* 新闻详情 */
.news_details {
padding: 50px 0 120px 0;
}
.news_d1 .title {
text-align: center;
padding: 30px 0;
border-bottom: 1px solid #dcdcdc;
margin-bottom: 35px;
}
.news_d1 .title h1 {
color: #333;
font-size: 26px;
font-weight: bold;
margin-bottom: 24px;
}
.news_d1 .title h2 {
display: flex;
justify-content: center;
position: relative;
}
.news_d1 .title h2 p {
display: flex;
align-items: center;
padding: 0 15px;
color: #808080;
font-size: 14px;
}
.news_d1 .title h2 p img {
margin-right: 5px;
}
.share1 {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
}
.share1 span {
color: #808080;
font-size: 14px;
}
.news_info2 .txt {
color: #333;
font-size: 14px;
line-height: 24px;
text-align: justify;
}
.news_info2 img{
width:100% !important;
height: 100% !important;
}
.news_d1 {
margin-bottom: 70px;
}
.pian {
background: #f4f4f4;
border: 1px solid #e5e5e5;
padding: 6px 20px;
}
.pian a {
display: block;
color: #333;
font-size: 14px;
line-height: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* 系列报道 */
.series_list1 ul li {
width: 46.66%;
float: left;
margin-bottom: 60px;
margin-right: 6.68%;
}
.series_list1 ul li:nth-child(2n) {
margin-right: 0;
}
.series_list1 ul li a {
display: flex;
width: 100%;
background: #fff;
align-items: center;
}
.series_list1 ul li a .time {
width: 80px;
height: 100px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #666;
transition: all .36s;
}
.series_list1 ul li a .time h3 {
color: #fff;
font-size: 40px;
}
.series_list1 ul li a .time h4 {
color: #fff;
font-size: 14px;
}
.series_info1 {
padding: 0 24px;
width: 82%;
}
.series_info1 p {
color: #666;
font-size: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
transition: all .36s;
}
.series_list1 ul li a:hover .time {
background: #005baa;
}
.series_list1 ul li a:hover .series_info1 p {
color: #005baa;
}
/* 综合资讯 */
.dynamics_list1 ul {
display: flex;
flex-wrap: wrap;
}
.dynamics_list1 ul li {
width: 30.83%;
margin-right: 3.755%;
margin-bottom: 40px;
background: #fff;
transition: all .36s;
}
.dynamics_list1 ul li:nth-child(3n) {
margin-right: 0;
}
.dynamics_list1 ul li a {
display: block;
width: 100%;
padding: 35px 20px;
}
.dynamics_list1 ul li a h2 {
color: #333;
font-size: 18px;
line-height: 28px;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
height: 56px;
}
.dynamics_list1 ul li a h3 {
color: #999;
font-size: 14px;
margin: 12px 0 22px 0;
}
.dynamics_list1 ul li a p {
font-size: 14px;
color: #666;
line-height: 24px;
display: -webkit-box;
-webkit-line-clamp: 6;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
height: 144px;
}
.dynamics_list1 ul li:hover {
transform: translateY(-5px);
box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.04);
}
.dynamics_list1 ul li:hover a h2 {
color: #005baa;
}
.dynamics_list1 {
margin-bottom: 40px;
}
/* 搜索 */
.search_con {
padding: 50px 0 80px 0;
}
.search_list1 ul li {
margin-bottom: 20px;
background: #fff;
}
.search_list1 ul li a {
display: block;
padding: 40px 40px 36px 40px;
}
.search_list1 ul li a h4 {
color: #999;
font-size: 18px;
}
.search_list1 ul li a h2 {
color: #333;
font-size: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 20px 0 28px 0;
}
.search_list1 ul li a h2 span {
color: #ff0000;
}
.search_list1 ul li a p {
color: #666;
font-size: 18px;
line-height: 32px;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}
.search_list1 {
margin-bottom: 60px;
}
.organization_list1 ul li {
width: 23.16%;
float: left;
margin-right: 2.45%;
margin-bottom: 20px;
position: relative;
}
.organization_list1 ul li:nth-child(4n) {
margin-right: 0;
}
.organ_info {
position: absolute;
width: 100%;
height: 100%;
display: flex;
left: 0;
top: 0;
justify-content: center;
align-items: center;
flex-direction: column;
}
.organ_info h2 {
color: #fff;
font-size: 36px;
font-weight: bold;
}
.organ_info h2 big {
font-size: 62px;
}
.organ_info p {
color: #fff;
font-size: 16px;
}
.organization_list2 ul li {
width: 48.33%;
float: left;
margin-right: 3.34%;
margin-bottom: 40px;
position: relative;
}
.organization_list2 ul li:nth-child(2n) {
margin-right: 0;
}
.organization_list2 ul li p {
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
display: flex;
align-items: center;
padding-left: 11%;
color: #ffc400;
font-size: 22px;
font-weight: bold;
}
.section1 {
position: relative;
}
.mac2 {
position: absolute;
left: 60px;
top: 76px;
}
.section1 .container {
position: relative;
z-index: 1;
}
.index_u1 {
position: relative;
cursor: pointer;
}
.index_u1 .sec_m3 {
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
z-index: 3;
margin-top: 0;
opacity: 0;
transition: all .36s;
}
.index_u1:hover .sec_m3 {
opacity: 1;
}
.sec_m2 a {
height: 162px;
}
.index_u2 {
margin-top: 10px;
}
.map {
height: 100%;
}
.building_img1 {
height: 260px;
}
.sector_img1 {
height: 324px;
}
.presence_img1 {
height: 260px;
}
.building_img1 img ,
.sector_img1 img ,
.presence_img1 img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* 20200603 */
.news_left1 {
width: 46.66%;
float: left;
}
.news_m1 a {
display: block;
position: relative;
}
.news_img3 {
height: 480px;
}
.news_img3 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.news_info3 {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
padding: 0 23.8% 0 20px;
background: rgba(0,0,0,.6);
}
.news_info3 p {
color: #fff;
font-size: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 60px;
}
.news_right1 {
width: 51.25%;
float: right;
}
.news_hd {
position: relative;
background: #f0f1f5;
}
.news_hd .more2 {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
color: #666;
font-size: 14px;
}
.news_type2 ul li {
display: inline-block;
position: relative;
text-align: center;
}
.news_type2 ul li::before {
position: absolute;
content: "";
width: 0;
height: 0;
border-bottom: 6px solid #f0f1f5;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
.news_type2 ul li a {
display: inline-block;
color: #666;
font-size: 16px;
line-height: 48px;
width: 122px;
}
.news_type2 ul li.active a {
color: #fff;
background: #0169ca;
}
.index_news_list1 ul li a {
display: block;
position: relative;
border-bottom: 1px solid #ebecf0;
}
.index_news_list1 ul li:last-child a {
border-bottom: none;
}
.index_news_list1 ul li a p {
/* max-width: 84%; */
display: inline-block;
max-width: 70%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #4d4d4d;
font-size: 16px;
line-height: 54px;
padding-left: 15px;
position: relative;
vertical-align: middle;
}
.index_news_list1 ul li a img {
margin-left: 8px;
}
.index_news_list1 ul li a p::before {
position: absolute;
content: "";
width: 5px;
height: 5px;
border-radius: 50%;
left: 0;
top: 50%;
transform: translateY(-50%);
background: #c9c8c8;
}
.index_news_list1 ul li a span {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
color: #808080;
font-size: 14px;
}
.index_news_list1 ul li a:hover p {
color: #0169ca;
}
.news_btn {
position: absolute;
right: 28px;
bottom: 5px;
width: 100px;
display: flex;
align-items: center;
justify-content: center;
height: 50px;
}
.news_btn .swiper-pagination {
display: inline-block;
width: 80px;
color: #fff;
bottom: auto;
left: auto;
letter-spacing: -2px;
font-size: 26px;
}
.news_btn .swiper-button-prev,
.news_btn .swiper-button-next {
background: none;
width: auto;
height: auto;
opacity: 1;
margin: 0;
color: #fff;
position: inherit;
top: auto;
}
.news_btn .swiper-pagination .swiper-pagination-total {
font-size: 18px;
}
.terrace_swiper1 .swiper-slide {
opacity: 0 !important;
}
.terrace_swiper1 .swiper-slide-active {
opacity: 1 !important;
}
.terrace_img1 {
height: 334px;
}
.terrace_img1 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.pc_banner {
text-align: center;
}
.adv_swiper .swiper-pagination,
.terrace_swiper1 .swiper-pagination,
.terrace_swiper2 .swiper-pagination{
display: block;
}
.oa_icon {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: inline-block;
font-size: 18px;
color: #000;
}
a.search_icon {
right: 90px;
}
.naver {
padding-right: 10%;
}
.oa_icon:hover {
color: #0083fd;
}